<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>角色管理</title>
		<link href="../../component/pear/css/pear.css" rel="stylesheet" />
	</head>
	<body class="pear-container">
		<div class="layui-card">
			<div class="layui-card-body">
				<form class="layui-form" action="">
					<div class="layui-form-item">
						<div class="layui-form-item layui-inline">
							<label class="layui-form-label">姓名</label>
							<div class="layui-input-inline">
								<input type="text" name="sname" placeholder="" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item layui-inline">
							<label class="layui-form-label">手机</label>
							<div class="layui-input-inline">
								<input type="text" name="tel" placeholder="" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item layui-inline">
							<label class="layui-form-label">QQ</label>
							<div class="layui-input-inline">
								<input type="text" name="QQ" placeholder="" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item layui-inline">
							<label class="layui-form-label">入学时间</label>

							<input type="text" name="start" placeholder="" id="start">-<input type="text" name="end"
								placeholder="" id="end">

						</div>
						<div class="layui-form-item layui-inline">
							<button class="pear-btn pear-btn-md pear-btn-primary" lay-submit lay-filter="role-query">
								<i class="layui-icon layui-icon-search"></i>
								查询
							</button>
							<button type="reset" class="pear-btn pear-btn-md">
								<i class="layui-icon layui-icon-refresh"></i>
								重置
							</button>
						</div>
					</div>
				</form>
			</div>
		</div>
		<div class="layui-card">
			<div class="layui-card-body">
				<table id="role-table" lay-filter="role-table"></table>
			</div>
		</div>

		<script type="text/html" id="role-toolbar">
			<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add">
				<i class="layui-icon layui-icon-add-1"></i>
				新增
			</button>
			<button class="pear-btn pear-btn-danger pear-btn-md" lay-event="batchRemove">
				<i class="layui-icon layui-icon-delete"></i>
				删除
			</button>
		</script>

		<script type="text/html" id="role-bar">
			<button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="edit"><i
					class="layui-icon layui-icon-edit"></i></button>
			{{# if (d.sex == '男'){ }}
			<button class="pear-btn pear-btn-warming pear-btn-sm" lay-event="renyao">割掉小鸡鸡，去做人妖</button>
			{{# } else if(d.sex == '女'){ }}
			<button class="pear-btn pear-btn-warming pear-btn-sm" lay-event="man">想做男人</button>
			{{# } else { }}
			<button class="pear-btn pear-btn-warming pear-btn-sm" lay-event="man">好好作妖</button>
			{{# } }}
			<button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="remove"><i
					class="layui-icon layui-icon-delete"></i></button>
		</script>

		<script src="../../component/layui/layui.js"></script>
		<script src="basePATH/component/pear/pear.js"></script>
		<script>
			layui.use(['table', 'form', 'jquery', 'laydate','laytpl'], function() {
				let table = layui.table;
				let form = layui.form;
				let $ = layui.jquery;
				let laydate = layui.laydate;
 
				let MODULE_PATH = "/operate/student/";
   
				laydate.render({
					elem: '#start',
					type: 'date',trigger:true
				});
				laydate.render({
					elem: '#end',
					type: 'date'
				});
				let cols = [
					[{
							type: 'checkbox'
						},
						{
							title: '学号',
							field: 'stuno',
							align: 'left',
							width: 100
						},
						{
							title: '姓名',
							field: 'sname',
							align: 'center',
							width: 100
						},
						{
							title: '性别',
							field: 'sex',
							align: 'center'
						},
						{
							title: 'QQ',
							field: 'QQ',
							align: 'center'
						},
						{
							title: '手机号',
							field: 'telephone',
							align: 'center'
						},
						{
							title: '微信号',
							field: 'wechat',
							align: 'center'
						},
						{
							title: '入学时间',
							field: 'enterdate',
							align: 'center'
						},
						{
							title: '身份证',
							field: 'idcardpic',
							align: 'center',
							templet: function(d) {
								if (d.idcardpic.indexOf("http") == 0)
									return `<img src='${d.idcardpic}'/>`;
								return `<img src='${window.BASEPATH}/${d.idcardpic}' alt='没有图片'/>`;
							}
						},
						{
							title: '操作',
							toolbar: '#role-bar',
							align: 'center',
							width: 280,
							fixed:false
							
						}
					]
				]

				table.render({
					elem: '#role-table',
					url: window.BASEPATH + 'studentsAjax.do',
					page: true,
					cols: cols,
					skin: 'line',
					toolbar: '#role-toolbar',
					defaultToolbar: [{
						title: '刷新',
						layEvent: 'refresh',
						icon: 'layui-icon-refresh',
					}, 'filter', 'print', 'exports']
				});

				table.on('tool(role-table)', function(obj) {
					if (obj.event === 'remove') {
						window.remove(obj);
					} else if (obj.event === 'edit') {
						window.edit(obj);
					} else if (obj.event === 'power') {
						window.power(obj);
					} else if (obj.event === 'renyao') {
						window.renyao(obj);
					}
				});

				table.on('toolbar(role-table)', function(obj) {
					if (obj.event === 'add') {
						window.add();
					} else if (obj.event === 'refresh') {
						window.refresh();
					} else if (obj.event === 'batchRemove') {
						window.batchRemove(obj);
					}
				});

				form.on('submit(role-query)', function(data) {
					data.field.page = 1;
					table.reload('role-table', {
						where: data.field
					})
					delete data.field.page; //去掉，不然去掉查询条件后，无法分页
					return false;
				});

				form.on('switch(role-enable)', function(obj) {
					layer.tips(this.value + ' ' + this.name + '：' + obj.elem.checked, obj.othis);
				});

				window.add = function() {
					layer.open({
						type: 2,
						title: '新增',
						shade: 0.1,
						area: ['500px', '400px'],
						content: MODULE_PATH + 'addstu.html'
					});
				}

				window.renyao = function(obj) {
					//
					layer.confirm(obj.data.sname+',确定要做人妖？', {
						icon: 3,
						title: '提示'
					}, function(index) {//确定后执行
						layer.close(index);
						let loading = layer.load();
						$.ajax({
							url: window.BASEPATH + "xxxStudent.do",
							data: {
								stuno: obj.data['stuno']
							},
							dataType: 'json',
							type: 'get',
							success: function(result) {
								layer.close(loading);
								if (result.success) {
									layer.msg(result.msg, {
										icon: 1,
										time: 1000
									}, function() {
										table.reload('role-table');
									});
								} else {
									layer.msg(result.msg, {
										icon: 2,
										time: 2000
									});
								}
							}
						})
					});
					//
				}

				window.power = function(obj) {
					layer.open({
						type: 2,
						title: '授权',
						shade: 0.1,
						area: ['320px', '400px'],
						content: MODULE_PATH + 'edit.html'
					});
				}

				window.edit = function(obj) {
					//把此值带到update.html,再读数据
					let stuno = obj.data.stuno;
					//window.sessionStorage.setItem("obj",JSON.stringify(obj.data));
					layer.open({
						type: 2,
						title: '修改',
						shade: 0.1,
						area: ['500px', '400px'],
						content: MODULE_PATH + 'updateStudent.html?' + stuno
					});
				}

				window.remove = function(obj) {
					layer.confirm('确定要删除该角色', {
						icon: 3,
						title: '提示'
					}, function(index) {
						layer.close(index);
						let loading = layer.load();
						$.ajax({
							url: window.BASEPATH + "delStudent.do",
							data: {
								stuno: obj.data['stuno']
							},
							dataType: 'json',
							type: 'get',
							success: function(result) {
								layer.close(loading);
								if (result.success) {
									layer.msg(result.msg, {
										icon: 1,
										time: 1000
									}, function() {
										table.reload('role-table');
									});
								} else {
									layer.msg(result.msg, {
										icon: 2,
										time: 2000
									});
								}
							}
						})
					});
				}

				window.batchRemove = function(obj) {
					let data = table.checkStatus(obj.config.id).data;
					if (data.length === 0) {
						layer.msg("未选中数据", {
							icon: 3,
							time: 1000
						});
						return false;
					}
					let ids = "";
					for (let i = 0; i < data.length; i++) {
						ids += data[i].stuno + ",";
					}
					ids = ids.substr(0, ids.length - 1);
					layer.confirm('确定要删除这些用户', {
						icon: 3,
						title: '提示'
					}, function(index) {
						layer.close(index);
						let loading = layer.load();
						$.ajax({
							url: window.BASEPATH + "batchDelStudent.do" ,
							data: {ids:ids},
							//dataType: 'json',
							type: 'get',
							success: function(result) {
								layer.close(loading);
								if (result.success) {
									layer.msg(result.msg, {
										icon: 1,
										time: 1000
									}, function() {
										window.refresh();
									});
								} else {
									layer.msg(result.msg, {
										icon: 2,
										time: 3000
									});
								}
							}
						})
					});
				}

				window.refresh = function() {
					table.reload('role-table');
				}
			})
		</script>
	</body>
</html>
